// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { useRef } from "react";

// react中获取DOM
// 1. useRef生成ref对象，绑定到dom标签上
// 2. dom可用时，ref.current获取dom
// 渲染完毕之后dom生成之后才可用

function App12() {
  // 获取不到时为null
  const inputRef = useRef(null)
  const showDom = () => {
    console.dir(inputRef.current)
  }
  return (
    <div className="App">
      <input type="text" ref={inputRef}/>
      <button onClick={showDom}>获取dom</button>
    </div>
  )
}

export default App12
